<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="/admin/assets/lib/layui/css/layui.css">
  <link rel="stylesheet" href="/admin/assets/css/用户列表.css">
</head>

<body>
  <div class="layui-card">
    <div class="layui-card-header">用户列表</div>
    <div class="layui-card-body">
      <!-- 表格-------s -->
      <table class="layui-table">
        <colgroup>
          <col width="8%">
          <col width="23%">
          <col width="23%">
          <col width="23%">
          <col>
        </colgroup>
        <thead>
          <tr>
            <th>ID</th>
            <th>账号名称</th>
            <th>昵称</th>
            <th>邮箱</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          <!--   <tr>
                <td>贤心</td>
                <td>2016-11-29</td>
                <td>人生就像是一场修行</td>
                <td>人生就像是一场修行</td>
                <td><a href="javascript:;" class="layui-btn layui-btn-xs">编辑</a><a href="javascript:;" class="layui-btn layui-btn-xs layui-btn-danger">删除</a><a href="javascript:;" class="layui-btn layui-btn-xs layui-btn-normal">重置密码</a></td>
              </tr> -->


        </tbody>
      </table>
      <!-- 表格-------e -->
      <!-- 分页--------e -->
      <div id="test1"></div>
      <!-- 分页--------e -->
    </div>
  </div>
  <!-- --------------------------------获取内容模板S------------------------------------------------- -->
  <script type="text/html" id="tpl-list">
        {{each data a}}
        <tr>
                <td>{{a.id}}</td>
                <td>{{a.username}}</td>
                <td>{{a.nickname}}</td>
                <td>{{a.email}}</td>
                <td><a href="javascript:;" class="layui-btn layui-btn-xs" data-id="{{a.id}}" data-username="{{a.username}}" data-nickname="{{a.nickname}}" data-email="{{a.email}}">编辑</a>
                    <a href="javascript:;" class="layui-btn layui-btn-xs layui-btn-danger del" data-id="{{a.id}}">删除</a>
                    <a href="javascript:;" class="layui-btn layui-btn-xs layui-btn-normal" data-id="{{a.id}}">重置密码</a>
                </td>              
          </tr>
          {{/each}}
    </script>
  <!-- --------------------------------获取内容模板E------------------------------------------------- -->
  <!-- ---------------------------------重置密码模板S ------------------------------------------------>
  <script type="text/html" id="wp">
        <form class="layui-form wp" action="" style="margin:30px; margin-left:0px">
              <div class="layui-form-item">
          <label class="layui-form-label">密码</label>
          <div class="layui-input-block">
            <input type="text" name="password" required  lay-verify="required" placeholder="请输入新密码" autocomplete="off" class="layui-input pas">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">确认密码</label>
          <div class="layui-input-block">
            <input type="text"  required  lay-verify="required" placeholder="请重复输入新密码" autocomplete="off" class="layui-input newpas">
          </div>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-block">
            <input type="hidden" name="id">
            <button class="layui-btn" lay-submit lay-filter="formDemo">确认修改</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
          </div>
        </div>
              </form>
      </script>
  <!-- ---------------------------------重置密码模板e ------------------------------------------------>
  <!-- ----------------------------------编辑用户模板S--------------------------------------------- -->
  <script type="text/html" id="bianji">
        <form class="layui-form bianji" action="" style="margin:30px; margin-left:0px">
              <div class="layui-form-item">
          <label class="layui-form-label">用户名</label>
          <div class="layui-input-block">
            <input type="text" name="username" required  lay-verify="required"  autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">昵称</label>
          <div class="layui-input-block">
            <input type="text" name="nickname"  required  lay-verify="required"  autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">邮箱</label>
          <div class="layui-input-block">
            <input type="text" name="email"  required  lay-verify="required"  autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-block">
            <input type="hidden" name="id">
            <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
          </div>
        </div>
              </form>
      </script>
  <!-- --------------------------------------编辑用户E------------------------------------ -->
  <script src="/admin/assets/lib/jquery.js"></script>
  <script src="/admin/assets/lib/layui/layui.all.js"></script>
  <script src="/admin/assets/lib/template-web.js"></script>
  <script src="/admin/assets/js/common.js"></script>
  <script src="/admin/assets/js/用户列表.js"></script>
</body>

</html>